<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<%@ include file="/WEB-INF/util_file/common.jspf"%>
<%-- <%@ taglib prefix="elfunc" uri="/WEB-INF/el-functions.tld"%> --%>
<link rel="stylesheet" href="/jeons/css/default.css" type="text/css" media="screen" />
<style>
/* #admin_product {
	font: 11px/1.2 "돋움", dotum, bold;
} */
#product_basic select {
	width: 500px;
}

.product_basic select {
	width: 150px;
	height: 20px;
}

.input_type input {
	width: 150pxpx;
	height: 20x;
}

.input_type_long input {
	width: 250px;
}

#product_basic select {
	width: 300px;
}

#test {
	display: none;
}

#u_basket li {
	float: left;
	list-style: none;
	margin-left: 10px;
}
</style>
<!-- 
<script type="text/javascript" src="/jeons/js/jquery.nyroModal.custom.js"></script>
<link rel="stylesheet" href="/jeons/css/nyroModal/nyroModal.css" type="text/css" media="screen" />
<script src="/jeons/js/jquery.metadata.js" type="text/javascript"></script>
<script src="/jeons/js/jquery.validate.js" type="text/javascript"></script> 
<script type="text/javascript" src="/jeons/js/jquery.ui.datepicker.js"></script>
<script type="text/javascript" src="/jeons/js/datepicker.util.js"></script>
 -->
 
<script type="text/javascript" src="/jeons/js/jquery.meio.mask.min.js"></script> 
<script type="text/javascript" src="/jeons/js/jquery.popupWindow.js"></script>
<script src="/jeons/js/jquery.metadata.js" type="text/javascript"></script>
<script src="/jeons/js/jquery.validate.js" type="text/javascript"></script>
<script type="text/javascript">
	$(document).ready( function(){
		
	
	
		//기본값 설정
		$("#cpu").val($("#cpu_value").val()).attr('selected', 'true');
		var cpu_price = $('#cpu option:selected').attr('price')*1;
		$('#cpu').next('input').val(cpu_price);
		var prono = $('#cpu option:selected').attr('value');
		var product = $("#cpu").children("option:selected").text();
		$("a#u_cpu_info").attr('href','/jeons/info_product/cpu_info?prono='+prono+'&product='+product); 
		
		

		$("#memory").val($("#memory_value").val()).attr('selected', 'true');
		var memoey_price = $('#memory option:selected').attr('price')*1;
		$('#memory').next('input').val(memoey_price);
		var prono = $('#memory option:selected').attr('value');
		var product = $("#memory").children("option:selected").text();
		$("a#u_memory_info").attr('href','/jeons/info_product/memory_info?prono='+prono+'&product='+product); 


		$("#graphic").val($("#graphic_value").val()).attr('selected', 'true');
		var graphic_price = $('#graphic option:selected').attr('price')*1;
		$('#graphic').next('input').val(graphic_price);
		var prono = $('#graphic option:selected').attr('value');
		var product = $("#graphic").children("option:selected").text();
		$("a#u_graphic_info").attr('href','/jeons/info_product/graphic_info?prono='+prono+'&product='+product); 

		



		$("#snl").val($("#snl_value").val()).attr('selected', 'true');
		var soundnlan_price = $('#snl option:selected').attr('price')*1;
		$('#snl').next('input').val(soundnlan_price);
		var prono = $('#snl option:selected').attr('value');
		var product = $("#snl").children("option:selected").text();
		$("a#u_snl_info").attr('href','/jeons/info_product/snl_info?prono='+prono+'&product='+product);


		$("#hard").val($("#hard_value").val()).attr('selected', 'true');
		var hard_price = $('#hard option:selected').attr('price')*1;
		$('#hard').next('input').val(hard_price);
		var prono = $('#hard option:selected').attr('value');
		var product = $("#hard").children("option:selected").text();
		$("a#u_hard_info").attr('href','/jeons/info_product/hard_info?prono='+prono+'&product='+product);


		$("#cd").val($("#cd_value").val()).attr('selected', 'true');
		var cdndvd_price = $('#cd option:selected').attr('price')*1;
		$('#cd').next('input').val(cdndvd_price);
		var prono = $('#cd option:selected').attr('value');
		var product = $("#cd").children("option:selected").text();
		$("a#u_cd_info").attr('href','/jeons/info_product/cd_info?prono='+prono+'&product='+product);


		$("#b_power").val($("#b_power_value").val()).attr('selected', 'true');
		var power_price = $('#b_power option:selected').attr('price')*1;
		$('#b_power').next('input').val(power_price);
		var prono = $('#b_power option:selected').attr('value');
		var product = $('#b_power').children("option:selected").text();
		$("a#u_power_info").attr('href','/jeons/info_product/power_info?prono='+prono+'&product='+product); 


		$("#b_case").val($("#b_case_value").val()).attr('selected', 'true');
		var case_price = $('#b_case option:selected').attr('price')*1;
		$('#b_case').next('input').val(case_price);
		var prono = $('#b_case option:selected').attr('value');
		var product = $('#b_case').children("option:selected").text();
		$("a#u_case_info").attr('href','/jeons/info_product/case_info?prono='+prono+'&product='+product); 


		$("#mainboard").val($("#mainboard_value").val()).attr('selected', 'true');
		var mainboard_price = $('#mainboard option:selected').attr('price')*1;
		$('#mainboard').next('input').val(mainboard_price);
		var prono = $('#mainboard option:selected').attr('value');
		var product = $('#mainboard').children("option:selected").text();
		$("a#u_mainboard_info").attr('href','/jeons/info_product/mainboard_info?prono='+prono+'&product='+product);
		
		var basic = memoey_price+cpu_price+mainboard_price+graphic_price+soundnlan_price+hard_price+cdndvd_price+power_price+case_price;
		$('#price').val(parseInt(basic)); 
		
		$('#goods_price').val(basic+$('#delivery').val()*1);
	/******************************************변경 될때 마다 정보를 재 정의한다.****/	
		//씨피유 
	 $('#cpu').change( function(){
		if($('#cpu option:selected').attr('value') == "0"){$("a#u_cpu_info").attr('href','/jeons/info_product/no_info');return;} 
		var prono = $('#cpu option:selected').attr('value');
		var product = $(this).children("option:selected").text();
		$("a#u_cpu_info").attr('href','/jeons/info_product/cpu_info?prono='+prono+'&product='+product); 
	});
	 
	 //케이스
	$('#b_case').change( function(){
	if($('#b_case option:selected').attr('value') == "0"){$("a#u_case_info").attr('href','/jeons/info_product/no_info'); return; }
		var prono = $('#b_case option:selected').attr('value');
		var product = $(this).children("option:selected").text();
		$("a#u_case_info").attr('href','/jeons/info_product/case_info?prono='+prono+'&product='+product); 
	});
	//메모리
	$('#memory').change( function(){
		if($('#memory option:selected').attr('value') == "0"){$("a#u_memory_info").attr('href','/jeons/info_product/no_info'); return; }
		var prono = $('#memory option:selected').attr('value');
		var product = $(this).children("option:selected").text();
		$("a#u_memory_info").attr('href','/jeons/info_product/memory_info?prono='+prono+'&product='+product); 
	});
	//메인보드
	$('#mainboard').change( function(){
		if($('#memory option:selected').attr('value') == "0"){$("a#u_memory_info").attr('href','/jeons/info_product/no_info'); return; }
		var prono = $('#mainboard option:selected').attr('value');
		var product = $(this).children("option:selected").text();
		$("a#u_mainboard_info").attr('href','/jeons/info_product/mainboard_info?prono='+prono+'&product='+product); 
	});
	//그래픽카드
	$('#graphic').change( function(){
		if($('#graphic option:selected').attr('value') == "0"){$("a#u_graphic_info").attr('href','/jeons/info_product/no_info'); return; }
		var prono = $('#graphic option:selected').attr('value');
		var product = $(this).children("option:selected").text();
		$("a#u_graphic_info").attr('href','/jeons/info_product/graphic_info?prono='+prono+'&product='+product); 
	});
	//사운드 랜
	
	$('#snl').change( function(){
		if($('#snl option:selected').attr('value') == "0"){$("a#u_snl_info").attr('href','/jeons/info_product/no_info'); return; }
		var prono = $('#snl option:selected').attr('value');
		var product = $(this).children("option:selected").text();
		$("a#u_snl_info").attr('href','/jeons/info_product/snl_info?prono='+prono+'&product='+product); 
	});
	
	//하드
	$('#hard').change( function(){
		if($('#hard option:selected').attr('value') == "0"){$("a#u_hard_info").attr('href','/jeons/info_product/no_info'); return; }
		var prono = $('#hard option:selected').attr('value');
		var product = $(this).children("option:selected").text();
		$("a#u_hard_info").attr('href','/jeons/info_product/hard_info?prono='+prono+'&product='+product); 
	});
	//시디	
	$('#cd').change( function(){
		if($('#cd option:selected').attr('value') == "0"){$("a#u_cd_info").attr('href','/jeons/info_product/no_info'); return; }
		var prono = $('#cd option:selected').attr('value');
		var product = $(this).children("option:selected").text();
		$("a#u_cd_info").attr('href','/jeons/info_product/cd_info?prono='+prono+'&product='+product); 
	});
	
	//파워
	$('#b_power').change( function(){
		if($('#power option:selected').attr('value') == "0"){$("a#u_power_info").attr('href','/jeons/info_product/no_info'); return; }
		var prono = $('#b_power option:selected').attr('value');
		var product = $(this).children("option:selected").text();
		$("a#u_power_info").attr('href','/jeons/info_product/power_info?prono='+prono+'&product='+product); 
	});
	
	//os
 	$('#u_os').change( function(){
		if($('#u_os option:selected').attr('value') == "0"){$("a#u_power_info").attr('href','/jeons/info_product/no_info'); return; }
		var prono = $('#u_os option:selected').attr('value');
		var product = $(this).children("option:selected").text();
		$("a#u_u_os_info").attr('href','/jeons/info_product/os_info?prono='+prono+'&product='+product); 
	});
	
 	//엘시디 모니터
	$('#u_lcd').change( function(){
		if($('#u_lcd option:selected').attr('value') == "0"){$("a#u_power_info").attr('href','/jeons/info_product/no_info'); return; }
		var prono = $('#u_lcd option:selected').attr('value');
		var product = $(this).children("option:selected").text();
		$("a#u_u_lcd_info").attr('href','/jeons/info_product/lcd_info?prono='+prono+'&product='+product); 
	});
	
	//키보드 마우스
	$('#u_knm').change( function(){
		if($('#u_knm option:selected').attr('value') == "0"){$("a#u_power_info").attr('href','/jeons/info_product/no_info'); return; }
		var prono = $('#u_knm option:selected').attr('value');
		var product = $(this).children("option:selected").text();
		$("a#u_u_knm_info").attr('href','/jeons/info_product/knm_info?prono='+prono+'&product='+product); 
	});
	
	//스피커
	$('#u_spk').change( function(){
		if($('#u_spk option:selected').attr('value') == "0"){$("a#u_power_info").attr('href','/jeons/info_product/no_info'); return; }
		var prono = $('#u_spk option:selected').attr('value');
		var product = $(this).children("option:selected").text();
		$("a#u_u_spk_info").attr('href','/jeons/info_product/spk_info?prono='+prono+'&product='+product); 
	}); 
	var test;
	//값 변경
	 $('select').change(function(){		//셀렉트 박스가 값이 변경될때마다 값이 적용됨
		
		var memoey_price = $('#memory option:selected').attr("price")*1;
		var cpu_price = $('#cpu option:selected').attr("price")*1;
		var mainboard_price = $('#mainboard option:selected').attr("price")*1;
		var graphic_price = $('#graphic option:selected').attr("price")*1;
		var soundnlan_price = $('#snl option:selected').attr("price")*1;
		var hard_price = $('#hard option:selected').attr("price")*1;
		var cdndvd_price = $('#cd option:selected').attr("price")*1;
		var power_price = $('#b_power option:selected').attr("price")*1;
		var case_price = $('#b_case option:selected').attr("price")*1;
		var basic = memoey_price+cpu_price+mainboard_price+graphic_price+soundnlan_price+hard_price+cdndvd_price+power_price+case_price;
		
		
		
		//추가
		var os_price = $('#u_os option:selected').attr("price")*1;
		var lcd_price = $('#u_lcd option:selected').attr("price")*1;
		var knm_price = $('#u_knm option:selected').attr("price")*1;
		var spk_price = $('#u_spk option:selected').attr("price")*1;
		var addtion = os_price+lcd_price+knm_price+spk_price;
		
		var goods_price;
		
	/* 	if ($('#prepaid').attr("checked")) {
			goods_price=basic+addtion+2500;
			$("#goods_price").val(goods_price).setMask('999,999,999,999,999,999');
		}else{ */
			var isChecked = $('#prepaid').attr("checked");
			if(isChecked){	//선불일경우
			var u_prepaid = $('#delivery').val()*1;
			if (u_prepaid==null) {	//배송비가 무료일경우
				goods_price=basic+addtion;
				$("#goods_price").val(goods_price);
			}else{
				goods_price=basic+addtion+u_prepaid;	//배송비가 있을경우
			 $("#goods_price").val(goods_price);
			 }
			}else{	//후불일경우
				goods_price=basic+addtion;
				$("#goods_price").val(goods_price);
			}
		/* } */
		
		$('#price').val(basic); 
		$('#addtion').val(addtion); 
		
	});
	
		//부품가격 변경
		//셀렉트될 바뀔때마다 때마다 가격변경
	$('select').change(function(){
		var price = $(this).children("option:selected").attr('price');
		$(this).next('input').val(price);
		
		
	});
		

		
		
	
	//최대구매량
	 var memoey_price = $('#memory option:selected').attr("p_number")*1;
	 var cpu_price = $('#cpu option:selected').attr("p_number")*1;
	 var mainboard_price = $('#mainboard option:selected').attr("p_number")*1;
	 var graphic_price = $('#graphic option:selected').attr("p_number")*1;
	 var soundnlan_price = $('#snl option:selected').attr("p_number")*1;
	 var hard_price = $('#hard option:selected').attr("p_number")*1;
	 var cdndvd_price = $('#cd option:selected').attr("p_number")*1;
	 var power_price = $('#b_power option:selected').attr("p_number")*1;
	 var case_price = $('#b_case option:selected').attr("p_number")*1;
	 var Max = memoey_price;
	 var MaxArr = [memoey_price,cpu_price,mainboard_price,graphic_price,soundnlan_price,hard_price,cdndvd_price,case_price,power_price];
	 for ( var i = 0; i < MaxArr.length; i++) {
			if (Max > MaxArr[i]) {
				Max = MaxArr[i];
			}
			
		} 
	
	 $('#maxnum').val(Max);
	 
	 
	
	
	 
	 
	 
	 
	 
	  //주문량 체크 
	 /*  $('#went').blur( function(){
		var went =  $('#went').val()*1;
		var max = $('#maxnum').val()*1;
		if (went > max) {
			alert('최대값을 넘었습니다.');
			$('#went').val(' ');
			
		}
	 });  */
	 
	 
	//팝업창
		$('.example1demo').popupWindow({ 
			height:450, 
			width:675, 
			top:50, 
			left:50 
			}); 
	
	 //선불을 기본값
	 $('#prepaid').attr('checked','true');

	 
	//배송비
		
		$('#prepaid').click(function(){
			var isChecked = $('#prepaid').attr("checked");
			if (isChecked) {
				$('#del_status').val('sun');
				var delivery =removeComma($('#delivery').val());
				var t = removeComma($("#goods_price").val());
				var sum = parseInt(delivery) + parseInt(t);
				$('#goods_price').val(sum);  
				
			}else{
				$('#del_status').val('chak');
				var tmp = removeComma($("#goods_price").val());
				var tmp2 = 2500*1;
				var minus = parseInt(tmp) - parseInt(tmp2);
				$("#goods_price").val(minus);
				if ($('#goods_price').val()==0) {
					$('#goods_price').val(' ');
				}
			}
		});
		
		
		
     //장바구니
     $('#BtnBasket').click(function(){
     var MaxArr = ($('#cpu option:selected').attr('value')+","+$('#b_case option:selected').attr('value')+","+$('#memory option:selected').attr('value')+","+$('#mainboard option:selected').attr('value')+","+$('#graphic option:selected').attr('value')+","+$('#snl option:selected').attr('value')+","+$('#hard option:selected').attr('value')+","+$('#b_power option:selected').attr('value')+","+$('#cd option:selected').attr('value')+","+$('#u_os option:selected').attr('value')+","+$('#u_lcd option:selected').attr('value')+","+$('#u_knm option:selected').attr('value')+","+$('#u_spk option:selected').attr('value'));
    	 alert(MaxArr);
    	 $('#array').val(MaxArr);
    	 var tmp = removeComma($('#goods_price').val());
    	 $('#goods_price_i').val(parseInt(tmp));
    	 
     	if ($('#addtion').val().length) {
			alert('aaaaa');
        var tmp2 = removeComma($('#addtion').val());
    	 $('#addtion_i').val(parseInt(tmp2)); 
		}
    	 
    alert('bbbbb');
    	 var tmp = removeComma($('#price').val());
    	 $('#price_i').val(parseInt(tmp)); 
    	
    	 
    	 
    	 
    	 
    	 
    	 
    	 
    	var tmp = $('#went').val();
    	var temp = tmp.substr(0,1);
    	 if($('#went').val().length == 0 ) {
    		 alert('주문량을 적어주세요!');
    		 $("#went").removeAttr("value");
 			 $("#went").focus();
    		 return;
    	}else if($('#went').val()*1 <= 0){
    		alert('주문량값이 올바르지 않습니다.');
    		$("#went").removeAttr("value");
			$("#went").focus();
   			 return;
    	}else if(temp == 0){
    		alert('숫자는 0부터 시작할수 없습니다. \n ex) 12 , 7  ');
    		$("#went").removeAttr("value");
			$("#went").focus();
     		return;
    	}else if($('#u_id').val().length == 0){
    		alert('로그인을 해주세요!');
    		location.href="/jeons/member/login"; 
    		return;
    	}  
    	 
   var url = '/jeons/basket/basket_index';
			$.post(url, $("#basket").serialize(), function(data){
				if (data=="true") {
					alert('장바구니에 성공적으로 담았습니다.');
					location.href="/jeons/use/home/"; 
				}
			}); 
			
			
			
			
			
			 
		
     });
      
	 
	//콤마없애기
	function removeComma(input) {
    return input.replace(/,/gi,"");
	}
	
	
	//셋마스크
	/* $('#goods_price').setMask('999,999,999,999'); */
	/* $('#went').setMask('9999'); */
	
	
	
	
	//숫자
	/* 
	$('#went').keypress(function(event){
	  //alert(event.which);
	  if (event.which && (event.which  > 47 && event.which  < 58 || event.which == 8)) {
	   alert('숫자임!'); 
	  } else {
	    //alert('숫자아님!');
	    event.preventDefault();
	  }
	}); */
	
	
	//상품 QNA 글쓰기
	 $("#BtnInsertData").click( function(){
		$.get('/jeons/buildqna/insert?bdtype=${data.bdtype}&bdno=${data.bdno}',function(data){
			$("#subpage_qna").replaceWith(data);
		});
	});
	  
	//상품 QNA 리스트
	 $.get('/jeons/buildqna/index?bdno=${data.bdno}',function(data){
			$("#subpage_qna").replaceWith(data);
		}); 
		
	
	
	
	
	//상품평
 	$.get('/jeons/review/index?bdno=${data.bdno}', function(data){
		$("#subpage_review").replaceWith(data);
	});
	 
	
	$("#tetkkkk").click( function(){
		 $.get('/jeons/lately/insert?url='+$("#latelyurl").val() + $("#qna_bdno").val()+'&img='+$("#BtnLittleImg").val()+'&sessionid='+$("#SessionGetId").val(), function(data){
			alert("최근본 상품 등록");	 
		 });
		 
	});
	

	
	
});
	
	// --------------------------------------------------------------
	//qna 페이지
	function goPage(page){
		$.get('/jeons/buildqna/index?page='+page+'&bdno='+$("#qna_bdno").val(),function(data){
			$("#subpage_qna").replaceWith(data);
		}); 
	}
	
	//상품평 페이지
	function goPages(page){
		$.get('/jeons/review/index?page='+page+'&bdno='+$("#qna_bdno").val(),function(data){
			$("#subpage_review").replaceWith(data);
		}); 
	}
	
</script>
<!-- 최근본 상품 URL 만들기 -->
<button type="button" id="tetkkkk">안녕</button>
<!-- url -->
<input type="text" id="latelyurl" value="/jeons/use/home/view?bdno="/>
<!-- 이미지 -->
<input type="text" value="${data.l_filename}" id="BtnLittleImg"/>
<!-- 섹션값 -->
<input type="text" value="<%=session.getId() %>" id="SessionGetId"/>
zzzzzzzzzzzzzzzzzz
<% String u_id = (String)session.getAttribute("u_id"); %>
<input type="hidden" id="cpu_value" value="${data.cpu}" />
<input type="hidden" id="memory_value" value="${data.memory}" />
<input type="hidden" id="graphic_value" value="${data.graphic}" />
<input type="hidden" id="snl_value" value="${data.snl}" />
<input type="hidden" id="hard_value" value="${data.hard}" />
<input type="hidden" id="cd_value" value="${data.cd}" />
<input type="hidden" id="b_power_value" value="${data.b_power}" />
<input type="hidden" id="b_case_value" value="${data.b_case}" />
<input type="hidden" id="mainboard_value" value="${data.mainboard}" />
<input type="hidden" id="qna_bdtype" value="${data.bdtype}" />
<input type="hidden" id="qna_bdno" value="${data.bdno}" />
<div id="default">
<form:form commandName="basket" id="basket" method="post">
	<form:hidden path="goods_name" value="${data.goods_name}" />
	<form:hidden path="bdno" value="${data.bdno}" />
	<form:hidden path="bdtype" value="home" />
	<form:input path="del_status" value="sun" />
	<form:hidden path="delivery" value="${data.delivery}" />
	<form:input path="u_id" value="${sessionScope.u_id}" />
	<form:input path="point" value="${data.point}" />
	<form:input path="re_goods" value="${data.re_goods}" />
	<form:hidden path="goods_price_i" />
	<form:hidden path="addtion_i" />
	<form:hidden path="price_i" />
		<table border="0" width="650px">
			<tr>
				<td colspan="3" bgcolor="#000000" height="1"></td>
			</tr>
			<tr>
				<td rowspan="6" width="300"><img
					src="/jeons/upload/product/${data.cs_img_name}" /></td>
				<th align="center" height="50px">상품명</th>
				<td>${data.goods_name}</td>
			</tr>
			<tr>
				<th height="50px">상품가격</th>
				<td><input type="text" id="goods_price" name="goods_price" /></td>
			</tr>
			<tr>
				<th height="50px">배송비</th>
				<c:if test="${data.delivery != null}">
					<td><fmt:formatNumber value="${data.delivery}" pattern=",###" /><input
						type="checkbox" id="prepaid">선불</td>
				</c:if>
				<c:if test="${data.delivery == null}">
					<td>배송비없음</td>
				</c:if>
			</tr>
			<tr>
				<th height="50px">주문량</th>
				<td><form:input path="went" name="went" />최대값:<input
					type="text" id="maxnum" size="5" /></td>
			</tr>
			<tr>
				<th height="50px">적립금</th>
				<td>${data.point}</td>
			</tr>
			<tr>
				<th height="50px">반품</th>
				<td>${data.re_goods}</td>
			</tr>
		</table>
		<br>
		<div align="right">

			<!-- 즉시구매 -->
			<label><img src="/jeons/images/productimg/bt_buy.gif" /></label>
			<!-- 장바구니 -->
			<label id="BtnBasket"><img
				src="/jeons/images/productimg/bt_basket.gif" /></label>
			<!-- 이용후기 -->
			<label><img src="/jeons/images/productimg/ripplego.gif" /></label>

		</div>
		<br>
		<div>
			<img src="/jeons/images/titledot.gif" />현재 물품 가격
		</div>
		<hr>
		<form:input path="price" value="${data.price}"
			style="background-color:#f1f1f1 " readonly="true" />
		<br>
		<div>
			<img src="/jeons/images/titledot.gif" />부품 사양 변경
		</div>
		<hr>
		<table id="product_basic" width="675px" border="0">
			<tr>
				<th>케이스</th>
				<td><select name="b_case" id="b_case">
						<c:forEach items="${case}" var="item" varStatus="status">
							<option value="${item.prono}" price="${item.price}"
								p_number="${item.p_number}">${item.product}</option>
						</c:forEach>
				</select> 가격:<input type="text"></td>
				<td><a href="/jeons/info_product/no_info" id="u_case_info"
					class="example1demo"><button type="button">정보</button></a></td>
			</tr>
			<tr>
				<th>CPU</th>
				<td><select id="cpu" name="cpu">
						<c:forEach items="${cpu}" var="item" varStatus="status">
							<option value="${item.prono}" price="${item.price}"
								p_number="${item.p_number}">${item.product}</option>
						</c:forEach>
				</select> 가격:<input type="text"></td>
				<td><a href="/jeons/info_product/no_info" class="example1demo"
					id="u_cpu_info"><button type="button">정보</button></a></td>
			</tr>
			<tr>
				<th>메모리</th>
				<td><select name="memory" id="memory">
						<c:forEach items="${memory}" var="item" varStatus="status">
							<option value="${item.prono}" price="${item.price}" p_number="${item.p_number}">${item.product}</option>
						</c:forEach>
				</select>가격:<input type="text"></td>
				<td><a href="/jeons/info_product/no_info" id="u_memory_info"
					class="example1demo"><button type="button">정보</button></a></td>
			</tr>
			<tr>
				<th>메인보드</th>
				<td><select name="mainboard" id="mainboard">
						<c:forEach items="${mainboard}" var="item" varStatus="status">
							<option value="${item.prono}" price="${item.price}"
								p_number="${item.p_number}">${item.product}</option>
						</c:forEach>
				</select>가격:<input type="text"></td>
				<td><a href="#" id="u_mainboard_info" class="example1demo"><button
							type="button">정보</button></a></td>
			</tr>
			<tr>
				<th>그래픽카드</th>
				<td><select name="graphic" id="graphic">
						<c:forEach items="${graphic}" var="item" varStatus="status">
							<option value="${item.prono}" price="${item.price}"
								p_number="${item.p_number}">${item.product}</option>
						</c:forEach>
				</select>가격:<input type="text"></td>
				<td><a href="/jeons/info_product/no_info" id="u_graphic_info"
					class="example1demo"><button type="button">정보</button></a></td>
			</tr>
			<tr>
				<th>사운드 & 랜</th>
				<td><select name="snl" id="snl">
						<c:forEach items="${soundnlan}" var="item" varStatus="status">
							<option value="${item.prono}" price="${item.price}"
								p_number="${item.p_number}">${item.product}</option>
						</c:forEach>
				</select>가격:<input type="text"></td>
				<td><a href="/jeons/info_product/no_info" id="u_snl_info"
					class="example1demo"><button type="button">정보</button></a></td>
			</tr>
			<tr>
				<th>하드디스크</th>
				<td><select name="hard" id="hard">
						<c:forEach items="${hard}" var="item" varStatus="status">
							<option value="${item.prono}" price="${item.price}"
								p_number="${item.p_number}">${item.product}</option>
						</c:forEach>
				</select>가격:<input type="text"></td>
				<td><a href="/jeons/info_product/no_info" id="u_hard_info"
					class="example1demo"><button type="button">정보</button></a></td>
			</tr>
			<tr>
				<th>CD & DVD</th>
				<td><select name="cd" id="cd">
						<c:forEach items="${cd}" var="item" varStatus="status">
							<option value="${item.prono}" price="${item.price}"
								p_number="${item.p_number}">${item.product}</option>
						</c:forEach>
				</select>가격:<input type="text"></td>
				<td><a href="/jeons/info_product/no_info" id="u_cd_info"
					class="example1demo"><button type="button">정보</button></a></td>
			</tr>
			<tr>
				<th>파워</th>
				<td><select name="b_power" id="b_power">
						<c:forEach items="${power}" var="item" varStatus="status">
							<option value="${item.prono}" price="${item.price}"
								p_number="${item.p_number}">${item.product}</option>
						</c:forEach>
				</select>가격:<input type="text"></td>
				<td><a href="/jeons/info_product/no_info" id="u_power_info"
					class="example1demo"><button type="button">정보</button></a></td>
			</tr>
		</table>
		<br>
		<div>
			<img src="/jeons/images/titledot.gif" />추가 물품 구입
		</div>
		<hr>
		<input type="text" id="addtion" name="addtion"
			style="background-color: #f1f1f1" readonly="readonly" />
		<table border="0" id="product_basic" width="675px">
			<tr>
				<th>운영체제(OS)</th>
				<td><select name="u_os" id="u_os">
						<option value="0" price="0" selected>선택</option>
						<c:forEach items="${os}" var="item" varStatus="status">
							<option value="${item.prono}" price="${item.price}"
								p_number="${item.p_number}">${item.product}</option>
						</c:forEach>
				</select>가격:<input type="text"></td>
				<td><a href="#" id="u_u_os_info" class="example1demo"><button
							type="button">정보</button></a></td>
			</tr>
			<tr>
				<th>LCD 모니터</th>
				<td><select name="u_lcd" id="u_lcd">
						<option value="0" price="0" selected>선택</option>
						<c:forEach items="${lcd}" var="item" varStatus="status">
							<option value="${item.prono}" price="${item.price}"
								p_number="${item.p_number}">${item.product}</option>
						</c:forEach>
				</select>가격:<input type="text"></td>
				<td><a href="#" id="u_u_lcd_info" class="example1demo"><button
							type="button">정보</button></a></td>
			</tr>
			<tr>
				<th>마우스 키보드</th>
				<td><select name="u_knm" id="u_knm">
						<option value="0" price="0" selected>선택</option>
						<c:forEach items="${knm}" var="item" varStatus="status">
							<option value="${item.prono}" price="${item.price}"
								p_number="${item.p_number}">${item.product}</option>
						</c:forEach>
				</select>가격:<input type="text"></td>
				<td><a href="#" id="u_u_knm_info" class="example1demo"><button
							type="button">정보</button></a></td>
			</tr>
			<tr>
				<th>스피커</th>
				<td><select name="u_spk" id="u_spk">
						<option value="0" price="0" selected>선택</option>
						<c:forEach items="${spk}" var="item" varStatus="status">
							<option value="${item.prono}" price="${item.price}"
								p_number="${item.p_number}">${item.product}</option>
						</c:forEach>
				</select>가격:<input type="text"></td>
				<td><a href="#" id="u_u_spk_info" class="example1demo"><button
							type="button">정보</button></a></td>
			</tr>
		</table>
</form:form>
<!-- 상품 qna -->
<br>
<div><img src="/jeons/images/titledot.gif" />상품 질문</div>
<hr>
<div id="subpage_qna">

</div>
<!-- 상품평 -->
<br>
<div><img src="/jeons/images/titledot.gif" />상품 평</div>
<hr>	
<div id="subpage_review">

</div>
</div>